<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="__PUBLIC__/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link href="__PUBLIC__/css/style.css" rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="__PUBLIC__/css/jquery.countdown.css" />
    <!-- Custom Theme files -->
    <!--webfont-->

    <script type="text/javascript" src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
    <!-- dropdown -->
    <script src="__PUBLIC__/js/jquery.easydropdown.js"></script>
    <!-- start menu -->
    <link href="__PUBLIC__/css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="__PUBLIC__/js/megamenu.js"></script>
    <script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
    <script src="__PUBLIC__/js/responsiveslides.min.js"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                nav: false,
                speed: 500,
                namespace: "callbacks",
                pager: true
            });
        });
        function addGoodsHit(id) {
            $.ajax({
                type:'post',
                url:'admin/Goods/goods_hits',
                dataType:'html',
                data:{
                    id:id
                }
            });
        }
        function addTicketHit(id) {
            $.ajax({
                type:'post',
                url:'admin/Goods/ticket_hits',
                dataType:'html',
                data:{
                    id:id
                }
            });
        }
    </script>
    <script src="__PUBLIC__/js/jquery.countdown.js"></script>
    <script src="__PUBLIC__/js/script.js"></script>
</head>
<body>
<div class="header_top">
    <div class="container">
        <div class="header_top-box">
            <div class="header-top-left">
                <div class="clearfix"></div>
            </div>
            <div class="cssmenu">
                <ul>
                    <li class="active"><a href="login.html">Account</a></li>
                    <li><a href="wishlist.html">Wishlist</a></li>
                    <li><a href="login.html">Log In</a></li>
                    <li><a href="register.html">Sign Up</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="header_bottom">
    <div class="container">
        <div class="header_bottom-box">
            <div class="header_bottom_left">
                <div class="logo">
                    <a href="index.html"><img src="__PUBLIC__/images/logo.png" alt=""/></a>
                </div>
                <ul class="clock">
                    <i class="clock_icon"> </i>
                    <li class="clock_desc">Justo 24/h</li>
                </ul>
                <div class="clearfix"> </div>
            </div>
            <div class="header_bottom_right">
                <div class="search" >
                    <form action="{:url('index/search/search')}" method="get">
                        <input type="text" placeholder="输入您要查询的商品" name="title" id="title">
                        <input type="submit" name="dosubmit" id="dosubmit" value="">
                    </form>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<div class="menu">
    <div class="container">
        <div class="menu_box">
            <ul class="megamenu skyblue">
                <li class="active grid"><a class="color2" href="index.html">Home</a></li>
                <li><a class="color8" href="blog.html">Blog</a></li>
                <div class="clearfix"> </div>
            </ul>
        </div>
    </div>
</div>
<div class="index_slider">
    <div class="container">
        <div class="callbacks_container">
            <ul class="rslides" id="slider">
                <li><img src="__PUBLIC__/images/3.jpg" class="img-responsive" alt=""/></li>
                <li><img src="__PUBLIC__/images/2.jpg" class="img-responsive" alt=""/></li>
                <li><img src="__PUBLIC__/images/3.jpg" class="img-responsive" alt=""/></li>
            </ul>
        </div>
    </div>
</div>
<div class="content_top">
    <div class="container">
        <div class="grid_1">
            <div class="col-md-3">
                <div class="box2">
                    <ul class="list1">
                        <i class="lock"> </i>
                        <li class="list1_right"><p>Upto 5% Reward on your shipping</p></li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
            </div>
            <div class="col-md-3">
                <div class="box3">
                    <ul class="list1">
                        <i class="clock1"> </i>
                        <li class="list1_right"><p>Easy Extended Returned</p></li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
            </div>
            <div class="col-md-3">
                <div class="box4">
                    <ul class="list1">
                        <i class="vehicle"> </i>
                        <li class="list1_right"><p>Free Shipping on order over 99 $</p></li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
            </div>
            <div class="col-md-3">
                <div class="box5">
                    <ul class="list1">
                        <i class="dollar"> </i>
                        <li class="list1_right"><p>Delivery Schedule Spread Cheer Time</p></li>
                        <div class="clearfix"> </div>
                    </ul>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="column_center">
            <h1>测试h1标题 </h1>
            <h2>测试h2标题~测试h2标题~测试h2标题~测试h2标题~测试h2标题~测试h2标题~测试h2标题~测试h2标题~ </h2>
        </div>
        <div class="sellers_grid">
            <ul class="sellers">
                <i class="star"> </i>
                <li class="sellers_desc"><h2>首页推荐</h2></li>
                <div class="clearfix"></div>
            </ul>
        </div>
        <div class="grid_2" id="list">
            {volist name="list" id="goods"}
            <div class="col-md-3 span_6" style="padding-bottom: 10px">
                <div class="box_inner">
                    <a href="{$goods.url}" target="_blank" id="{$goods.Id}" onclick="return addGoodsHit(this.id)">
                        <img src="{$goods.pictrue_url}" class="img-responsive" alt="" style="height: 201px;width: 253px"/>
                    </a>
                    <h4 style="    margin-left: auto;
    margin-right: auto;
    /* position: relative; */
    display: table;">{:mb_substr($goods.title,0,30)}</h4>
                    <h5>优惠券5元</h5>
                    <br>
                    <div style="background-color: #d3386d;height: 60px;">
                        <a href="{$goods.ticket_url}" style="color: white">
                        <div style="color: white;vertical-align: middle;width: 150px;">
                           <h4 style="margin-top: 19px;">券后：¥{$goods.new_price}<strike style="font-size: 2px">¥{$goods.old_price}</strike><a href="{$goods.url}" target="_blank" id="{$goods.Id}" onclick="return addTicketHit(this.id)">点此领券</a></h4>
                        </div>
                        </a>
                    </div>
                    <!--<div class="sale-box"></div>
                    <div class="desc">
                        <h5>{:mb_substr($goods.title,0,16)}</h5>
                        <h4>原价：<strike>{$goods.old_price} ￥</strike></h4>
                        <h4>领券后价格：{$goods.new_price} ￥</h4>
                        <ul class="list2">
                            <li class="list2_left"><span class="m_1"><a href="{$goods.url}" class="link" target="_blank">购物链接</a></span></li>
                            <li class="list2_right"><span class="m_2"><a href="{$goods.ticket_url}" class="link1" target="_blank">优惠券链接</a></span></li>
                            <div class="clearfix"></div>
                        </ul>
                    </div>-->
                </div>
            </div>
            {/volist}
            <div style="float: right">
                <a href="#" style="color: #de5757">更多>>></a>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>

<div class="content_middle">
    <div class="container">
        <ul class="promote">
            <i class="promote_icon"> </i>
            <li class="promote_head"><h3>测试测试</h3></li>
        </ul>
        <ul id="flexiselDemo3">
            {volist name="list" id="goods"}
            <li><img src="__PUBLIC__/images/n1.jpg"  class="img-responsive" /><div class="grid-flex"><h4>{:mb_substr($goods.title,0,16)}</h4><p>589,90 $</p>
                <div class="m_3"><a href="{$goods.url}" class="link2">购物链接</a></div>
                <div style="background: #DD5656"><a href="{$goods.ticket_url}" class="link2">优惠券链接</a></div>
                <div class="ticket"> </div>
                {/volist}
            </div></li>

        </ul>
        <div style="float: right">
            <a href="#" style="color: #de5757">更多>>></a>
        </div>
        <script type="text/javascript">
            $(window).load(function() {
                $("#flexiselDemo3").flexisel({
                    visibleItems: 6,
                    animationSpeed: 1000,
                    autoPlay:true,
                    autoPlaySpeed: 3000,
                    pauseOnHover: true,
                    enableResponsiveBreakpoints: true,
                    responsiveBreakpoints: {
                        portrait: {
                            changePoint:480,
                            visibleItems: 1
                        },
                        landscape: {
                            changePoint:640,
                            visibleItems: 2
                        },
                        tablet: {
                            changePoint:768,
                            visibleItems: 3
                        }
                    }
                });
            });
        </script>
        <script type="text/javascript" src="__PUBLIC__/js/jquery.flexisel.js"></script>
    </div>
</div>
<!--标签写法-->
<div class="footer">
    <div class="container">
        <ul class="footer_nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Shop</a></li>
            <li><a href="#">Media</a></li>
            <li><a href="#">Features</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact Us</a></li>
            <li><a href="{:url('admin/index/adminLogin')}">后台</a></li>
        </ul>
    </div>
</div>
</body>
</html>		